<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    /*     猜拳游戏,跟电脑玩猜拳.电脑随机出石头、剪刀、布(分别用1,2,3表示).
       用户输入选择后跟电脑做比较,判断谁获胜还是平局并输出. */

    // 猜拳数组
    let arr = ['石头', '剪刀', '布'];

    // 0~2 随机数
    let random;

    // 输入框
    let num;
    while (true) {
        // 0~2 随机数
        let random = parseInt(Math.random() * 3);
        // 输入框
        num = +prompt('猜拳游戏(1石头2剪刀3布0退出)，请输入：');
        // 退出循环
        if (-1 == [1, 2, 3].indexOf(num)) break;
        // 平局
        if (num - 1 == random) {
            alert(`用户：${arr[random]}\n电脑：${arr[random]}\n结果：平局`);
        }
        // 用户出石头
        if (num - 1 == 0) {
            if (random == 1) {
                alert(`用户：${arr[num - 1]}\n电脑：${arr[random]}\n结果：你赢了`);
            } else if (random == 2) {
                alert(`用户：${arr[num - 1]}\n电脑：${arr[random]}\n结果：电脑赢了`);
            }
        }
        // 用户出剪刀
        if (num - 1 == 1) {
            if (random == 2) {
                alert(`用户：${arr[num - 1]}\n电脑：${arr[random]}\n结果：你赢了`);
            } else if (random == 0) {
                alert(`用户：${arr[num - 1]}\n电脑：${arr[random]}\n结果：电脑赢了`);
            }
        }
        // 用户出布
        if (num - 1 == 2) {
            if (random == 0) {
                alert(`用户：${arr[num - 1]}\n电脑：${arr[random]}\n结果：你赢了`);
            } else if (random == 1) {
                alert(`用户：${arr[num - 1]}\n电脑：${arr[random]}\n结果：电脑赢了`);
            }
        }
    }

</script>

</html>